let [a, b, c] = [false, false, false]; //正则是否通过的标记

$(() => {
	//清空提示信息
	$("input").focus(function() {
		$('.hint').html('');
		$(this).next().empty()
	});
	//登录页点击注册
	onSign();
	//登录页点击登陆登陆
	login();

	//注册页返回登录
	$('.backLogin').click(function() {
		$(".loginPage").fadeToggle();
		$(".signPage").fadeToggle();
	})
});

function login() {
	//登陆验证
	$(".loginPage").submit(function(e) {
		// 阻止默认的提交事件
		e.preventDefault();
		$(".hint").empty();
		$.ajaxSettings.async = false;
		$.post("http://116.62.159.100/login.html", {
			userName: $("#userName").val(),
			passWord: $("#passWord").val()
		}, function(res) {
			console.log(res);
			let user = JSON.parse(res);
			if (user) {
				localStorage.setItem("USER_LOGIN", JSON.stringify(user));
				location = "chat.html";
			} else {
				$(".hint").html("错误的用户名或密码！");
			}
		});
		$.ajaxSettings.async = true;
	});
}

//登录页点击注册
function onSign() {
	$(".sign").click(function() {
		$(".loginPage").fadeToggle();
		$(".signPage").fadeToggle(); //显示注册页
	});
	//跳转到注册页之后
	//验证用户名
	$("#user_Name").blur(function() {
		inpUserName($(this));
	});
	//验证密码
	$("#pass_Word").blur(function() {
		checkPassword($(this));
	});
	//确认密码
	$("#passWord_agin").blur(function() {
		checkRepassword($(this));
	});
	$(".nowSign").click(function() { //点击注册按钮时
		//验证表单-就是判断标记abc
		console.log(a, b, c);
		if (a && b && c) {
			//alert('pp');
			//所有正则通过则提交到后台进行注册
			let user_Name = $("#user_Name").val();
			let pass_Word = $("#pass_Word").val();
			$.post(
				//请求的地址"
				"http://116.62.159.100/regiester.html",
				//请求参数
				{
					userName: user_Name,
					passWord: pass_Word,
					msg: "進來了",
					count: "1"
				},
				//请求成功的回调函数：res就是回调的对象
				function(res) {
					//console.log(res);
					let rest = JSON.parse(res);
					if (rest.reason == '注册成功！') {
						alert('注册成功');
						$(".loginPage").fadeToggle();
						$(".signPage").fadeToggle(); //显示注册页
						//要清空输入框啊,万一他上次输了错误的呢
						location.reload()
					} else {}
				},
			);
		} else {
			alert('输入有误,请重新注册');
			$('#user_Name,#pass_Word,#passWord_agin').val('');
			$('span').empty()
		}
	});


}

//验证用户名
let inpUserName = (t) => {
	let reg_userName = /^[a-z0-9_-]{3,16}$/;
	let userName = t.val();
	//将用户名发送后台进行比对
	$.post(
		//请求的地址"
		"http://116.62.159.100/regiester.html",
		//请求参数
		{
			userName: userName,
			//passWord: 'userName'
		},
		//请求成功的回调函数：e就是回调的对象
		function(e) {
			let rest = JSON.parse(e);
			console.log(rest)
			//如果后台返回'被占用'那就真的被占用了
			let hold = rest.reason.indexOf('被占用');
			if (hold !== -1) {
				//  alert('00')
				t.next().html("用户名被占用");
				a = false
			} else if (!userName) {
				t.next().html("用户名不能为空")
			} else if (reg_userName.test(userName)) {
				t.next().html("可以注册");
				a = true
			} else {
				t.next().html("用户名格式不正确");
				a = false
			}
		},
	);

};

//验证密码
function checkPassword(t) {
	let value = t.val();
	let span = t.next();
	span.empty();
	let reg = /^[a-zA-Z$_]\w{5,11}$/;
	if (!value) {
		span.html("密码不能为空！");
		b = false
	} else if (!reg.test(value)) {
		span.html("密码首位为字母，6-12位");
		b = false
	} else {
		span.html("密码符合要求！");
		b = true
	}
}

//确认密码
function checkRepassword(t) {
	let value = t.val();
	let span = t.next();
	let p = $("#pass_Word");
	span.empty();
	if (value !== p.val()) {
		span.html("两次密码输入不一致！");
		c = false;
	} else {
		if (value !== '') {
			span.html("确认密码正确！");
			c = true;
		}
	}

}
